<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>登入</title>
    <style>
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
            font-size: large;
        }

        html, body {
            margin: 0;
            padding: 0;
            height: 100vh;
            width: 100vh;
            overflow: hidden;
        }

        .el-container {
            height: auto;
        }
        .el-aside {
            height: 100vh;
        }
        .el-menu {
            height: fit-content;
        }
        .el-main{
            height: fit-content;
        }
    </style>
</head>

<body>
<div id="loginDiv">
    <el-dialog title="重置密码" width="30%" :visible.sync="cgpwdVisible" :close-on-click-modal="false"
               :modal-append-to-body='false' @close="handleCloseDialog">
        <el-form :model="dataForm" label-width="100px" :rules="dataFormRules" ref="dataForm" label-position="right">
            <el-form-item label="旧密码:" prop="oldpassword">
                <el-input v-model="dataForm.oldpassword" type="password" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="新密码:" prop="newpassword" label-width="100px">
                <el-input v-model="dataForm.newpassword" type="password" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item label="确认密码:" prop="checkpassword" label-width="100px">
                <el-input v-model="dataForm.checkpassword" type="password" auto-complete="off"></el-input>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer" style="margin-top: 5px;">
            <el-button type="primary" @click.native="handleUpdataPw">确认</el-button>
<!--            <el-button @click.native="cgpwdVisible = false" type="danger">取消</el-button>-->
        </div>
    </el-dialog>
</div>

<script src="js/vue.js"></script>
<link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">
<script src="element-ui/lib/index.js"></script>
<script src="js/axios-0.18.0.js"></script>
<script src="js/iconfont.js"></script>

<script>
    new Vue({
        el: "#loginDiv",
        data() {
            return {
                errorMsgShow: false,
                user: {}
            }

        },
        methods: {
            handleOpen(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                console.log(key, keyPath);
            }
        }
    })
</script>
</body>
</html>